
.ui-widget-content {
    border-color: #c5c5c5;
    background-color: #fff;
    color: #444;
}

    .ui-widget-content a {
        color: #444;
    }

.ui-widget-header {
    border-color: #c5c5c5;
    background-color: #EBEBEB;
    color: #444;
}

    .ui-widget-header a {
        color: #444;
    }


    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border-color: #c5c5c5;
        background-color: #ffffff;
        color: #444;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border-color: #c5c5c5;
        background-color: #efefef;
        color: #000;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border-color: #c5c5c5;
        background-color: #5177AE;
        color: #fff;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #fff;
        }


    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border-color: #BF8A8A;
        background-color: #fff;
        color: #000;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border-color: #ffa8a8;
        background-color: #fff8f8;
        color: #000;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #000;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .5;
        filter: alpha(opacity=50);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: alpha(opacity=50);
        }


.ui-icon,
.ui-widget-content .ui-icon {
    color: #5177AE;
}

.ui-widget-header .ui-icon {
    color: #5177AE;
}

.ui-state-default .ui-icon {
    color: #5177AE;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    color: #5177AE;
}

.ui-state-active .ui-icon {
    color: #fff;
}

.ui-state-highlight .ui-icon {
    color: #5177AE;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    color: #ff6c6c;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}


/* Special Styles */
.f-panel-header .f-tab-header.ui-state-active {
    background-color: #fff;
    color: #444;
}

    .f-panel-header .f-tab-header.ui-state-active .ui-icon {
        color: #444;
    }

.f-grid-selectedcell-border {
    border-color: #c5c5c5 !important;
}

.ui-widget-header.f-mainheader {
    border-color: #fff;
    background-color: #fff;
}

.ui-widget-header.f-subheader {
    background-color: #fff;
}


.f-grid-row.ui-state-active {
    background-color: #DBE6F5;
    color: #444;
}

    .f-grid-row.ui-state-active a,
    .f-grid-row.ui-state-active a:link,
    .f-grid-row.ui-state-active a:visited {
        color: #444;
    }

    .f-grid-row.ui-state-active .ui-icon {
        color: #5177AE;
    }
